
import React from 'react'
import { List, Switch } from 'antd-mobile'
import { useNavigate, useSearchParams } from 'react-router-dom'
import { Button, Input, Form, Picker, Dialog, } from 'react-vant'
import { Image, NavBar, Toast } from '@nutui/nutui-react'
import '@nutui/nutui-react/dist/style.css'
import { Share, More, Cart, ArrowLeft, Close } from '@nutui/icons-react'
import { SideBar, NumberKeyboard, PasscodeInput, Space } from 'antd-mobile'
import { useState } from 'react'
export default function Aginpwd() {
    
    let navigate = useNavigate()
    return (
        <div id='aginpwd'>
            <div className="top">
                <NavBar
                    style={{ backgroundColor: '#FFFFFF' }}
                    back={
                        <>
                            <ArrowLeft onClick={() => { navigate(-1) }} />
                            返回
                        </>
                    }
                >
                    设置支付密码
                </NavBar>
                {/* <ArrowLeft></ArrowLeft> */}
            </div>
            <div className="cen">
                <p style={{ fontSize: '0.5333rem', fontWeight: 'bold', marginLeft: '130px' }}>请再次输入密码</p>
            
                <PasscodeInput plain  keyboard={<NumberKeyboard />} />
            </div>
        </div>
    )
}
